<template>
  <div class="recommend">
    <div v-for="item in recommend" v-bind:key="item.title" @click="tips">
      <img :src="item.image" />
      <span>{{ item.title }}</span>
    </div>
  </div>
</template>

<script>
// import "vant/lib/swipe/style";
// import "vant/lib/swipeItem/style";
export default {
  name: "RecommendView",
  props: {
    recommend: Array,
  },
};
</script>

<style scoped>
.recommend {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 13px;
}
.recommend div {
  display: flex;
  flex-direction: column;
  width: 25%;
  text-align: center;
}
.recommend div img {
  width: 45px;
  margin: 13px auto 8px auto;
}
</style>
